<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>法罗朱角色测试</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <!-- 开始页面 -->
        <div id="start-page" class="page active">
            <img class="start-image" src="src/index.jpg" alt="欢迎进入测试">
        </div>

        <!-- 答题页面 -->
        <div id="question-page" class="page">
            <div class="question-container">
                <div class="question-header" id="question-header"></div>
                <p class="question-title" id="question-title"></p>
                <div class="options-container" id="options-container"></div>
            </div>
        </div>

        <!-- 结果页面 -->
        <div id="result-page" class="page">
            <img class="result-image" id="result-image" alt="测试结果">
            <div class="result-content">
                <div class="result-icon" id="result-icon">🎯</div>
                <h2 class="result-title" id="result-title"></h2>
                <p class="result-description" id="result-description"></p>
                <button class="btn-restart" onclick="restartTest()">重新测试</button>
            </div>
        </div>
    </div>

    <script src="data.js"></script>
    <script src="app.js"></script>
</body>
</html>

